﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width='device-width', initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/van.css" />
    <link rel="stylesheet" href="../css/fonts/iconfont.css" />
    <link rel="stylesheet" href="../css/base.css?v=082002" />
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../css/font.css" />
    <link rel="stylesheet" href="../css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/theme.css?v=090701" />
    <link rel="stylesheet" href="../css/verify.css?v=221117" />
  </head>
  <body>
    <noscript>
      <strong>很抱歉，如果不启用JavaScript，则无法正常工作。请使其继续。</strong>
    </noscript>
    <div id="app">
      <div class="page-Vote">
        <div id="appWrapper" class="app-wrapper">
          <div class="notice_outer" v-if="!showPlayerInfo && actData.showNotice">
            <van-notice-bar left-icon="volume-o" scrollable :text="actData.notice"></van-notice-bar>
          </div>
          <van-nav-bar v-if="showPlayerInfo" :title="playerInfo.name" left-text="返回" left-arrow @click-left="onNavBack"></van-nav-bar>
          <van-tabbar v-model="tabBarItem" class="tabbar" @change="onTabbarChange">
            <van-tabbar-item v-for="(item, index) in tabBarItems" :name="item.key" :class="tabBarItem == item.key ? primaryColor : ''" v-if="item.show" :key="index" :icon="item.icon">
              {{item.title}}
            </van-tabbar-item>
          </van-tabbar>

          <div class="banner">
            <div class="swiper-container" id="swiper">
              <div class="swiper-wrapper"></div>
            </div>
          </div>

          <div class="view-container">
            <div class="activity-statistics bjz-flex" v-if="!showPlayerInfo">
              <div class="list">
                <div class="name">总{{actData.tickUnit}}数</div>
                <div class="value">{{actData.tickets}}</div>
              </div>
              <div class="list">
                <div class="name">{{actData.playerCall}}数</div>
                <div class="value">{{actData.playerCount}}</div>
              </div>
              <div class="list">
                <div class="name">访问量</div>
                <div class="value">{{actData.viewNum}}</div>
              </div>
            </div>

            <div class="vote app-main" id="appMain" v-if="!showPlayerInfo">
              <div class="activity-name activity-name-box">{{actData.title}}</div>

              <div class="rule-container">
                <div class="rule-container-title">活动规则</div>
                <div class="time-and-rules">
                  <div>
                    <i class="iconfont iconshijian2"></i>
                    活动开始：{{fromTimestamp(actData.startTime)}}
                  </div>
                  <div>
                    <i class="iconfont iconshijian2"></i>
                    活动结束：{{fromTimestamp(actData.endTime)}}
                  </div>
                  <div v-if="pageIndex != 4">
                    <i class="iconfont iconshijian2"></i>
                    {{actData.btnText}}时段：{{formatTime(actData.voteStart)}} 至 {{formatTime(actData.voteEnd)}}
                  </div>
                  <div v-if="pageIndex==4">
                    <i class="iconfont iconshijian2"></i>
                    报名开始：{{fromTimestamp(actData.enroll.startTime)}}
                  </div>
                  <div v-if="pageIndex==4">
                    <i class="iconfont iconshijian2"></i>
                    报名结束：{{fromTimestamp(actData.enroll.endTime)}}
                  </div>
                  <div>
                    <div class="title">
                      <i class="iconfont iconguize"></i>
                      {{actData.btnText}}规则：
                    </div>
                    <div class="content">{{actData.ruleText}}</div>
                  </div>
                  <div v-if="showIntro">
                    <div class="title">
                      <i class="Ticonfont iconH5_shouye_huodongxinxi_jieshao flex_grow_0"></i>
                      活动介绍：
                    </div>
                    <div class="flex_grow_1 flex_y_center" @click="doOpenIntro">
                      {{openIntroText}}
                      <i :class="actData.openIntro ? 'Ticonfont  iconH5_shouye_huodongxinxi_shouqi' : 'Ticonfont iconH5_shouye_huodongxinxi_zhankai'"></i>
                    </div>
                  </div>
                  <div class="shuoming_con" v-if="actData.openIntro && showIntro" v-html="actData.intro"></div>
                </div>
              </div>

              <div class="search-bar" v-if="showSearch">
                <input class="input-box" v-model="searchKey" :placeholder="'请输入' + actData.playerCall + '编号/名称'" />
                <div class="search-btn" @click="onSearch">
                  <img src="img/d-1.png" />
                  搜索
                </div>
              </div>

              <div class="vote-groups-box" v-if="pageIndex==1 && actData.showGroup">
                <div class="list-filter group_list">
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols">
                    <van-grid-item v-if="showAllGroup">
                      <van-button :type="!curGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(null)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in actData.groups" :key="index">
                      <van-button :type="curGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="curGroup && curGroup.subGroups">
                    <van-grid-item>
                      <van-button :type="!subGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup,null)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in curGroup.subGroups" :key="index">
                      <van-button :type="subGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup, group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                  <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="subGroup && subGroup.subGroups">
                    <van-grid-item>
                      <van-button :type="!thirdGroup ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup,subGroup)">全部</van-button>
                    </van-grid-item>
                    <van-grid-item v-for="(group, index) in subGroup.subGroups" :key="index">
                      <van-button :type="thirdGroup == group ? 'info' : 'default'" size="mini" @click="loadGroupPlayer(curGroup, subGroup, group)">{{group.name}}</van-button>
                    </van-grid-item>
                  </van-grid>
                </div>
              </div>

              <div class="vote-list-box" v-if="pageIndex==1">
                <div class="vote-list">
                  <div :class="`list-alignment bjz-flex alignment`" v-if="actData.palyerCol==1 && actData.singleCol==1" :key="93">
                    <div :class="`list col-${actData.palyerCol} zuoyou`" v-for="(item,index) in players" :key="index">
                      <div class="box" style="display:flex;width: 100%;height: 100%;">
                        <div class="left-box" style="width: 50%;">
                        <div class="number">
                        <span>{{item.serial}}号</span>
                      </div>
                        <div class="cover-wrap" @click="getPlayerInfo(item.id)">
                          <img class="zoom" src="img/d-2.png" />
                          <van-image :src="item.cover" :lazy-load="true" v-if="item.cover"></van-image>
                          <iframe v-if="item.video && !item.cover" :src="item.video" scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                        </div>
                      </div>
                      <!-- 重写样式 -->
                      <div class="right-box" style="width:50%">
                        <div class="name" style="margin-top: 1.5rem;">
                          <p>{{item.name}}</p>
                          <p v-if="item.subTitle">{{item.subTitle}}</p>
                        </div>
                        <p class="coupon">{{item.ticket}}{{actData.tickUnit}}</p>
                        <div class="vote-btn" @click="vote(item.id)" style="width: 70% !important;">{{actData.rule.multi ? (item.select ? unselText : selText) : actData.btnText}}</div>
                        <div class="player-info-btn" @click="getPlayerInfo(item.id)" v-if="actData.showPlayerInfo" style="width: 70% !important;">详情</div>
                      </div>
                    </div>
                    </div>
                  </div>
                  <div  :class="actData.showType==1 ? 'list-alignment bjz-flex alignment grid_waterfall':`list-alignment bjz-flex alignment`" :key="actData.showType" v-else>
                    <div  :class="actData.showType==1?`list col-${actData.palyerCol} grid_item`:`list col-${actData.palyerCol}`" v-for="(item,index) in players" :key="index">
                      <div class="number">
                        <span>{{item.serial}}号</span>
                      </div>
                      <div class="box">
                        <div class="cover-wrap" @click="getPlayerInfo(item.id)">
                          <img class="zoom" src="img/d-2.png" />
                          <van-image :src="item.cover" :lazy-load="true" v-if="item.cover"></van-image>
                          <iframe v-if="item.video && !item.cover" :src="item.video" scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
                        </div>
                        <div class="name">
                          <p>{{item.name}}</p>
                          <p v-if="item.subTitle">{{item.subTitle}}</p>
                        </div>
                        <p class="coupon">{{item.ticket}}{{actData.tickUnit}}</p>
                        <div class="vote-btn" @click="vote(item.id)">{{actData.rule.multi ? (item.select ? unselText : selText) : actData.btnText}}</div>
                        <div class="player-info-btn" @click="getPlayerInfo(item.id)" v-if="actData.showPlayerInfo">详情</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="intro app-main" style="margin-top: 0.2rem" v-if="!showPlayerInfo && pageIndex==2">
              <div class="intro-and-dynamic">
                <div class="activity-introduction html-warp" v-html="actData.intro"></div>
              </div>
            </div>

            <div class="rank app-main" v-if="!showPlayerInfo && pageIndex==3">
              <div class="rank_group_list" v-if="actData.showGroup">
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols">
                  <van-grid-item v-if="showAllGroup">
                    <van-button :type="!rankGroup1 ? 'info' : 'default'" size="mini" @click="rankGroup1=null,rankGroup2=null,rankGroup3=null,setRankPlayers(0)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in actData.groups" :key="index">
                    <van-button :type="rankGroup1 == group ? 'info' : 'default'" size="mini" @click="rankGroup1=group,rankGroup2=null,rankGroup3=null,setRankPlayers(group.id)">
                      {{group.name}}
                    </van-button>
                  </van-grid-item>
                </van-grid>
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="rankGroup1 && rankGroup1.subGroups">
                  <van-grid-item>
                    <van-button :type="!rankGroup2 ? 'info' : 'default'" size="mini" @click="rankGroup2=null, rankGroup3=null,setRankPlayers(rankGroup1.id)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in rankGroup1.subGroups" :key="index">
                    <van-button :type="rankGroup2 == group ? 'info' : 'default'" size="mini" @click="rankGroup2=group,rankGroup3=null,setRankPlayers(group.id)">{{group.name}}</van-button>
                  </van-grid-item>
                </van-grid>
                <van-grid :border="false" :gutter="10" :column-num="actData.groupCols" v-if="rankGroup2 && rankGroup2.subGroups">
                  <van-grid-item>
                    <van-button :type="!rankGroup3 ? 'info' : 'default'" size="mini" @click="rankGroup3=null,setRankPlayers(rankGroup2.id)">全部</van-button>
                  </van-grid-item>
                  <van-grid-item v-for="(group, index) in rankGroup2.subGroups" :key="index">
                    <van-button :type="rankGroup3 == group ? 'info' : 'default'" size="mini" @click="rankGroup3=group,setRankPlayers(group.id)">{{group.name}}</van-button>
                  </van-grid-item>
                </van-grid>
              </div>

              <div class="ranking-container">
                <div class="ranking-container-title">排行榜</div>
                <div class="ranking-box">
                  <div class="ranking-item" v-for="(item, index) in rankPlayers" :key="index">
                    <div class="top"><span>{{index+1}}</span></div>
                    <div class="cover" @click="getPlayerInfo(item.id)">
                      <van-image :src="item.cover" :lazy-load="true" v-if="item.cover"></van-image>
                    </div>
                    <div class="info">
                      <p class="number">{{item.serial}}号</p>
                      <p class="name">
                        {{item.name}}
                        <span v-if="item.subTitle">({{item.subTitle}})</span>
                      </p>
                    </div>
                    <div class="poll">{{item.ticket}} {{actData.tickUnit}}</div>
                  </div>
                </div>
              </div>
            </div>

            <div class="vote-details" v-if="!showPlayerInfo && pageIndex==4">
              <div class="enroll-box">
                <div class="sign_title">在线报名</div>
                <div class="sign_list">
                  <van-form @submit="onSignup">
                    <van-field
                      v-model="enrollObj.name"
                      name="name"
                      required
                      :label="actData.enroll.playerNameTitle"
                      :placeholder="actData.enroll.playerNameTitle"
                      :rules="[{ required: true, message: '请填写' + actData.enroll.playerNameTitle  }]"
                    ></van-field>

                    <van-field
                      v-if="actData.enroll.playerPhone>0"
                      :required="actData.enroll.playerPhone==1"
                      type="tel"
                      v-model="enrollObj.phone"
                      name="phone"
                      :label="actData.enroll.playerPhoneTitle"
                      :placeholder="actData.enroll.playerPhoneTitle"
                      :rules="[{ required: actData.enroll.playerPhone == 1, message: '请填写' + actData.enroll.playerPhoneTitle }]"
                    ></van-field>
                    <van-field
                      v-if="actData.groups && actData.groups.length > 0"
                      :required="true"
                      label="分组"
                      v-model="showGroupLabel"
                      placeholder="请选择所属分组"
                      @click="showPopGroup=true"
                    ></van-field>
                    <van-popup v-model="showPopGroup" round position="bottom">
                      <van-cascader v-model="enrollObj.group" title="请选择分组" @finish="selGroupDone" @close="showPopGroup=false" :options="actData.groups" :field-names="groupFields"></van-cascader>
                    </van-popup>
                    <div class="van-cell van-field" v-if="actData.enroll.playerPhoto>0">
                      <div :class="actData.enroll.playerPhoto==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                        <span>{{actData.enroll.playerPhotoTitle}}</span>
                      </div>
                      <div class="van-field__body">
                        <div class="imgbox van-uploader">
                          <div class="van-uploader__wrapper">
                            <div class="van-uploader__preview" v-for="(item,index) in photoList" :key="index">
                              <div class="van-image van-uploader__preview-image">
                                <img :src="item.url" class="van-image__img" style="object-fit: cover" />
                              </div>
                              <div class="van-uploader__preview-delete" @click="delPhoto(item)">
                                <i class="van-icon van-icon-cross van-uploader__preview-delete-icon"></i>
                              </div>
                            </div>
                            <div class="van-uploader__upload" v-if="photoList.length<actData.enroll.playerPhotoMax" @click="uploadOneFile">
                              <i class="van-icon van-icon-photograph van-uploader__upload-icon"></i>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div class="van-cell van-field" v-if="actData.enroll.playerAudio>0">
                      <div :class="actData.enroll.playerAudio==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                        <span>{{actData.enroll.playerAudioTitle}}</span>
                      </div>
                      <div class="van-field__body">
                        <div style="display: block">
                          <div class="radio_group">
                            <div :class="musicType==1 ? 'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeAudioType(1)">本地音频</div>
                            <div :class="musicType==2 ?'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeAudioType(2)">网络音频</div>
                          </div>
                          <div v-if="musicType==2">
                            <input type="text" class="input" v-model="enrollObj.audio" placeholder="请输入音频URL地址" />
                          </div>
                          <van-uploader v-if="musicType==1" accept=".mp3" v-model="audioList" :before-read="uploadAudioCheck" :after-read="uploadOneFile('audio')">
                            <van-button icon="music" :class="primaryBg" type="info" size="small">上传本地音频</van-button>
                          </van-uploader>

                          <!--<input type="text" class="input" v-model="enrollObj.audio" placeholder="请输入音频URL地址" />-->
                        </div>
                      </div>
                    </div>

                    <div class="van-cell van-field" v-if="actData.enroll.playerVideo>0">
                      <div :class="actData.enroll.playerVideo==1 ? 'van-cell__title van-field__label van-cell--required' : 'van-cell__title van-field__label'">
                        <span>{{actData.enroll.playerVideoTitle}}</span>
                      </div>
                      <div class="van-field__body">
                        <div class="display:block">
                          <div class="radio_group">
                            <div :class="videoType==1 ? 'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeVideoType(1)">本地视频</div>
                            <div :class="videoType==2 ?'radio_item radio_check ' + primaryBg : 'radio_item'" @click="changeVideoType(2)">网络视频</div>
                          </div>
                          <div v-if="videoType==2">
                            <input type="text" class="input" v-model="enrollObj.video" placeholder="请输入腾讯视频或哔哩哔哩视频URL地址" />
                          </div>
                          <van-uploader v-if="videoType==1" accept=".mp4" v-model="videoList" :before-read="uploadVideoCheck" ::after-read="uploadOneFile('video')">
                            <van-button icon="video" :class="primaryBg" type="info" size="small">上传本地视频</van-button>
                          </van-uploader>

                          <!--<input type="text" class="input" v-model="enrollObj.video" placeholder="请输入腾讯视频或哔哩哔哩视频URL地址" />-->
                        </div>
                      </div>
                    </div>

                    <div class="info_box" v-if="actData.enroll.playerInfo>0">
                      <div class="info_title">
                        <span class="req_field" v-if="actData.enroll.playerInfo==1">*</span>
                        {{actData.enroll.playerInfoTitle}}
                      </div>
                      <div class="info_editor">
                        <vue-html5-editor :content="enrollObj.info" @change="updateInfo" :height="300" :z-index="1000" :auto-height="true"></vue-html5-editor>
                      </div>
                    </div>

                    <van-field
                      v-for="(item, index) in actData.enroll.items"
                      :required="item.type==1"
                      :key="index"
                      v-model="item.value"
                      :name="'item_' + index"
                      :label="item.name"
                      :placeholder="item.name"
                      :rules="[{required: item.type==1, message: '请填写' + item.name}]"
                    ></van-field>

                    <van-button block type="info" size="small" :class="primaryBg" native-type="submit">提交</van-button>
                  </van-form>
                </div>
              </div>
            </div>

            <div class="vote-details app-main" v-if="showPlayerInfo">
              <div class="details-card">
                <div class="player-statistics bjz-flex player-statistics-box">
                  <div class="list">
                    <div class="name">排名</div>
                    <div class="value">{{playerInfo.ranking}}</div>
                  </div>
                  <div class="list">
                    <div class="name">{{actData.tickUnit}}数</div>
                    <div class="value">{{playerInfo.ticket}}</div>
                  </div>
                  <div class="list">
                    <div class="name">距上一名</div>
                    <div class="value">{{playerInfo.disparity}}{{actData.tickUnit}}</div>
                  </div>
                </div>

                <div class="player-title player-intro-box">
                  <div class="name">
                    <span>{{playerInfo.serial}}号</span>
                    {{playerInfo.name}}
                  </div>
                  <div class="subname" v-if="playerInfo.subTitle">{{playerInfo.subTitle}}</div>
                </div>
                <div class="player-img-and-detail" v-if="playerInfo.audio">
                  <audio controls id="playerAudioPlay"></audio>
                </div>
                <div class="player-img-and-detail" v-if="playerInfo.video">
                  <video :src="playerInfo.video" id="playerVideoPlay" controls class="videoplayer"></video>
                </div>
                <div class="html-warp" v-html="playerInfo.info"></div>
                <div class="player-details-vote-btn">
                  <div class="bjz-flex">
                    <div class="ranking" @click="vote(playerInfo.id)">
                      <div class="">{{actData.rule.multi ? (playerInfo.select ? unselText : selText) : actData.btnText}}</div>
                    </div>
                    <div class="signup" @click="makePoster(true)">
                      <div class="btn-border">为我拉票</div>
                    </div>
                  </div>
                  <div class="vertical-line"></div>
                </div>
              </div>

              <div class="details-card" style="margin-top: -0.5rem" v-if="actData.canReply">
                <div class="detail-wrapper">
                  <div class="reply_title">
                    <span>精彩评论</span>
                    <span class="sub_reply" @click="addReply">发表评论</span>
                  </div>
                  <ul class="reply_list">
                    <li v-for="(item, index) in replyList" :key="index">
                      <div class="reply_item">
                        <div class="reply_name">
                          <img :src="item.face" />
                          <p>{{item.nickName}}</p>
                        </div>
                        <div class="reply_content">
                          <div class="content">{{item.content}}</div>
                          <div class="time">发表于 {{fromTimestamp(item.addtime)}}</div>
                        </div>
                      </div>
                    </li>
                  </ul>
                  <van-pagination v-model="replyPage" :total-items="replyRecordCount" :items-per-page="replySize" :show-page-size="5" @change="changeReplyPage" force-ellipses />
                </div>
              </div>
            </div>
          </div>

          <div class="technical-support" v-if="actData.showSupport != 0">
            <span>{{actData.support}}</span>
            <div class="home-link" v-if="actData.support && actData.support.indexOf('筋斗云')>-1"><a :href="'https://m.jdytp.com?wyycj='+actId">我也要创建活动</a></div>
          </div>
          <div class="bg-img"></div>
        </div>
      </div>

      <van-popup v-model="showSearchDlg" class="search-popup">
        <div class="wrapper" data-v-c2c52388="">
          <div class="header" data-v-c2c52388="">搜索</div>
          <div class="content" data-v-c2c52388="">
            <div class="main" data-v-c2c52388="">
              <div class="icon-box" data-v-c2c52388="">
                <img
                  src=""
                  alt=""
                  class="search-img"
                  data-v-c2c52388=""
                />
                <i class="iconfont iconsousuo" data-v-c2c52388=""></i>
              </div>
              <div class="input-box" data-v-c2c52388="">
                <input type="text" data-v-c2c52388="" v-model="searchKey" :placeholder="'请输入' + actData.playerCall + '编号/名称'" />
              </div>
            </div>
          </div>
          <div class="footer" data-v-c2c52388="">
            <div class="close" data-v-c2c52388="" @click="showSearchDlg=false">关闭</div>
            <div class="search" data-v-c2c52388="" @click="onSearch">搜索</div>
          </div>
        </div>
        <div class="close-icon" data-v-c2c52388="" @click="showSearchDlg=false"><i class="iconfont iconcha" data-v-c2c52388=""></i></div>
      </van-popup>

      <van-dialog v-model="showReplyDlg" title="发表评论" show-cancel-button :closeOnClickOverlay="true" @confirm="submitReply">
        <textarea v-model="replyContent" class="replybox" placeholder="请输入评论内容，最多200字" maxlength="200" rows="5"></textarea>
      </van-dialog>
      <van-dialog v-model="showPopDlg" :title="popDlgTitle">
        <div v-if="actData.showPopAd" class="popimg">
          <a :href="actData.popAdUrl" id="popLink">
            <img :src="actData.popAdImage" id="popImg" />
          </a>
        </div>
        <p class="popmsg">{{popDlgMsg}}</p>
      </van-dialog>
      <div class="fullAd" v-if="actData.showOpenAd && !testMode">
        <div class="full_img" :style="'background-image:url(' + actData.openAdImage + ')'">
          <div class="tips">{{openAdSec}}秒后关闭</div>
        </div>
      </div>
      <van-dialog v-model="showPosterDlg" :show-confirm-button="false" show-cancel-button class="poster">
        <img :src="shareData.image" id="shareImg" />
      </van-dialog>
      <van-dialog v-model="showAuthDlg_1" show-cancel-button @confirm="confirmAuth" class="authdlg">
        <van-field v-model="voteAuthCode" name="图形验证码" label="图形验证码" maxlength="6" placeholder="请填写图形验证码" :rules="[{ required: true, message: '请填写图形验证码' }]"></van-field>
        <img src="" id="authimg" @click="refreshAuth" />
      </van-dialog>
      <div class="btnposter" @click="makePoster(true)">
        生成
        <br />
        海报
      </div>
      <div class="music_ctl music_stop" id="musicCtl" @click="changeMusicState"></div>

      <div id="auth_mpanel" style="margin-top:50px;"> </div>
      <div id="auth_mpanelp" style="margin-top:50px;"> </div>

      <div v-if="actData.rule.multi" class="multi_vote">
        <div class="inner">
          <div>
            <p>
              已选择
              <span class="red">{{votePlayers.length}}</span>
              个{{actData.playerCall}}，
              <span class="red" @click="cancelSelect">取消选择</span>
            </p>
            <p>
              至少选择
              <span class="red">{{actData.rule.playerMinLimit}}</span>
              个{{actData.playerCall}}，最多选择
              <span class="red">{{actData.rule.playerMaxLimit}}</span>
              个{{actData.playerCall}}
            </p>
          </div>
          <div>
            <van-button type="info" size="small" @click="multiVote">{{actData.btnText}}</van-button>
          </div>
        </div>
      </div>
    </div>

    <script src="../js/jweixin-1.6.0.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="../js/vant.min.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/md5.min.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/vue-html5-editor.js"></script>
    <script src="../js/cos-js-sdk-v5.min.js"></script>
    <script src="../js/crypto-js.js"></script>
    <script src="../js/ase.js"></script>
    <script src="../js/verify.js?v=221117"></script>
    <script src="../js/app2.js?v=221117"></script>
  </body>
</html>
